<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        图片标签用于向当前页面引入一个外部图片
        使用img标签引入外部图片，img标签是一个自结束标签
        img属于替换元素（基于块和行之间，具有二个元素的特点）
        属性
            src属性指定的是外部图片的路径(路径规则和超链接是一样的)
            alt图片的描述，这个描述默认的情况下不会显示，有些浏览器会图片无法加载显示
                搜索引擎会根据alt中的内容来识别图片，不写alt属性，搜索引擎不会显示出来

            width图片的宽度
            heigth图片的高度
                    -宽度和高度中如果只修改一个另一个会等比列缩放

            注意
                一般情况下在pc端，不建议修改图片的大小需要多大就要多大
                在移动端，经常需要对图片进行缩放（大图片缩小）

     -->

.  <!-- 

    图片的格式:
        jpeg(jpg)
            -支持的颜色比较丰富，不支持透明效果，不支持动画
            -一般用来显示照片
        gif
            -支持的颜色比较少，支持简单透明，支持动图
            -适合颜色单一的图片，动图
        png
            -支持的颜色丰富，支持复杂复杂透明，不支持动图
            -颜色丰富，复杂透明的图片（专为网页而生）
        webp
            -这是格式是谷歌新推出专门用来表示网页中的一种格式
            -它具备其他图片格式的所有优点，而且文件小
            -缺点，兼容性不好，一些老浏览器用不好
            

            在网上百度可以找到在线转
        base64
            -将图片使用base64进行编码，这样可以将图片转化为字符，通过字符的形式来引入图片
            -一般是和一些需要和网页一起加载的图片才会使用base64

        效果一样用小的，
        效果不一样，用效果好的

             -->
     <img src="./ps作业/侧脸4.jpg" alt="侧脸" >
     <!-- 
         复制图片地址可以复制外面网站的图片
      -->
     <img width="200" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.VT_3CZXDcxuvAzmcgqz-mAHaFp?w=186&h=142&c=7&r=0&o=5&dpr=1.25&pid=1.7" >
</body>
</html>